* {
  margin: 0;
  padding: 0;
}

.list {
  // 开启两列布局
  column-count: 2;
  background-color: #f4f4f4;
  padding: 6px;

  .list-item {
    border-radius: 10px;
    overflow: hidden;
    background-color: white;
    margin-bottom: 10px;

    .con {
      padding: 6px;
    }

    img {
      width: 100%;
    }

    p {
      font-size: 14px;
      height: 40px;
      overflow: hidden;
    }

    .btm {
      display: flex;
      justify-content: space-between;
      font-size: 12px;

      b span {
        color: red;
        font-weight: bold;
      }
    }
  }
}

.car-item {
  display: flex;
}

.ad-list {
  ul {
    li {
      border-bottom: 1px solid #ccc;
      line-height: 30px;
    }
  }
}

.tab {
  width: 100vw;
  height: calc(100vh - 50px);
  display: flex;
  .left {
    width: 60px;
    // background-color: skyblue;
    height: 100%;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #ccc;
    span {
      padding: 10px;
      &.active {
        color: red;
        border-left: 2px solid red;
      }
    }
  }
  .right {
    // background-color: tomato;
    flex: 1;
    height: 100%;
    overflow-y: scroll;
  }
}